<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SJSU Parking Payment Details</title>
<link href="CSS/HTML5_thrColFixHdr.css" rel="stylesheet" type="text/css">
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="sidebar1">
    <aside>
      <script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
	  <script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('a6dd2759-8bf2-41d7-9627-ece0686636ea');</script>
    </aside>
  <!-- end .sidebar1 --></div>
  <article class="content">  
    <section>
     <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Members</a></li>
        <li><a href="#">Visitors</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
    <br><br>
     <h1 id="MainHeader">SJSU Parking System.</h1>
    </section>
    
    <section>  
      <h2 id="txt">Welcome Guest!! </h2>
      
      <p id="loginColumnPayment"> <br>
      <strong><em>Please enter your credit card details below in order to complete Registration:</em></strong><br><br>
          <label for="fname">Credit Card Number (16 Digit): &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="text" size="16" name="fname" id="fname"><br><br>
                
        <label for="Expiry">Expiry:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp; MM: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <select name="MM" id="MM">
          <option value="">MM</option>
          <option value="01">01</option>
          <option value="02">02</option>
          <option value="03">03</option>
          <option value="04">04</option>
          <option value="05">05</option>
          <option value="06">06</option>
          <option value="07">07</option>
          <option value="08">08</option>
          <option value="09">09</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
        </select>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp; YYYY: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="YYYY" id="YYYY">
          <option value="">YYYY</option>
          <option value="2013">2013</option>
          <option value="2014">2014</option>
          <option value="2015">2015</option>
          <option value="2016">2016</option>
          <option value="2017">2017</option>
          <option value="2018">2018</option>
          <option value="2019">2019</option>
          <option value="2020">2020</option>
          <option value="2021">2021</option>
          <option value="2022">2022</option>
          <option value="2023">2023</option>
          <option value="2024">2024</option>
          <option value="2025">2025</option>
          <option value="2026">2026</option>
          <option value="2027">2027</option>
          <option value="2028">2028</option>
          <option value="2029">2029</option>
          <option value="2030">2030</option>
        </select>
 
        <br><br>
        
          <label for="ccv">CVV Number (3 Digit):               
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          </label><input type="text"size="3" name="ccv" id="ccv"><br><br>
         
          
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           <a href="#.html"><input type="submit" name="button" id="button" value="Complete Registration" ></a>
          <br>

      </p>
    </section>
    
  <!-- end .content --></article>
  <aside>
    <h4>Get your current location</h4>
      <p>
      <button onclick="getLocation()">Get Location</button><br>
      </p>
      <div id="mapholder"></div>
      
      <script src="Scripts/GeoLocation.js"></script>
      
  </aside>
  
  <footer>
    <p align="center">&copy; San Jose State University, 2013. </p>
  </footer>
  <!-- end .container --></div>
</body>
</html>
